<template>
  <div class="step31-container">
    <div class="row">
      <div class="col-label large">付款金额：</div>
      <div class="col-control blue">1059458.4元</div>
    </div>
    <div class="row">
      <div class="col-label large">优惠方式：</div>
      <div class="col-control">
        <select>
          <option value="1">优惠方式一</option>
          <option value="2">优惠方式二</option>
        </select>
      </div>
      <div class="col-label circle-button-container">
        <button class="circle small hollow">
          <IconPlus color="rgba(183, 183, 204, 1)" />
        </button>
        <button class="circle small hollow">
          <IconSubtract color="rgba(183, 183, 204, 1)" />
        </button>
      </div>
    </div>
    <div class="row">
      <div class="col-label large">&nbsp;</div>
      <div class="col-control">
        <select>
          <option value="1">优惠方式一</option>
          <option value="2">优惠方式二</option>
        </select>
      </div>
      <div class="col-label circle-button-container">
        <button class="circle small hollow">
          <IconPlus color="rgba(183, 183, 204, 1)" />
        </button>
        <button class="circle small hollow">
          <IconSubtract color="rgba(183, 183, 204, 1)" />
        </button>
      </div>
    </div>
    <div class="row">
      <div class="col-label large">折后总价：</div>
      <div class="col-control blue">908765元</div>
    </div>
    <div class="row">
      <div class="col-label large">定金：</div>
      <div class="col-control blue">50000元</div>
    </div>
    <div class="row center">
      <div class="col-control">
        <button class="large" @click="$parent.openGenerate()">生成置业计划书</button>
      </div>
    </div>
  </div>
</template>
<script>
import IconPlus from "@/components/IconPlus";
import IconSubtract from "@/components/IconSubtract";

export default {
  components: { IconPlus, IconSubtract }
};
</script>
<style lang="stylus">
.step31-container {
  padding: 93px 0;
  overflow: auto;
  height: calc(100vh - 493px);
}
</style>